.workflows-list
{
	margin:0;
	list-style-type:none;
	text-align: center;
}
.workflows-list li
{
	
}
.workflows-list.flowstate li .state-item
{
	padding:10px 20px;
	
}


.workflows-list li .state-item
{
	background: #fff;
	border:1px #ccc solid;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	padding:0px 10px;
	display:inline-block;
}
.workflows-list li  .arrow
{
	margin:2px 0 0 0;
}
.workflows-list li.stop .arrow
{
  color:#ccc;
  
}
.workflows-list li.stop .state-item
{
	background: #eee;
	color:#ccc;
	border-color:#eee;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.workflows-list li.active .state-item
{

	box-shadow: 0 3px 10px rgba(0,0,0,0.4);
}
.workflows-list li.ok .state-item
{
	background: #378137; 
	border-color:#378137;
	color:#fff;
}
.workflows-list li.submit .state-item
{
	background: #8080ff;
	border-color:#8080ff;
	color:#fff;
}
.workflows-list li.edit .state-item
{
	background: #808080;
	border-color:#808080;
	color:#fff;
}
.workflows-list li.reject .state-item
{
	background: #bd362f;
	border-color:#bd362f;
	color:#fff;
}



.chzn-color-state.chzn-single[rel="value_3"]
 {
	/*background-color: #46a546;*/
	background-color: #000;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	color: #ffffff;
}
.chzn-color-state.chzn-single[rel="value_4"]
 {
 	background-color: blue;
 	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	color: #ffffff;
 }
 .chzn-color-state.chzn-single[rel="value_5"]
 {
 	background-color: red;
 	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	color: #ffffff;
 }

.workflow-cpanel
{
	width:70%;
}
 .workflow-cpanel .cpanel-item
 {
 	padding:20px;
 	width:25%;
 	float:left;
 	box-sizing: border-box;
 }
 .workflow-cpanel .cpanel-item a 
 {
 	display:block;
 	padding:20px 40px;
 	border:1px #ccc solid;
 	text-align: center;
 }
 .workflow-cpanel .cpanel-item a img
 {
 	display:block;
 	margin-bottom:20px;
 }

 .workflow-help
 {
 	background: #1464ad;
 	color:#fff;
 	padding:20px;
 }